<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html>
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Portfolio - Jun's Portfolio</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="icon" type="image/png" href="/images/mafavicon.png" />
<!-- Fonts -->
<link
	href='http://fonts.googleapis.com/css?family=Amaranth:400,400italic,700,700italic'
	rel='stylesheet' type='text/css'>
<!-- Stylesheets -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="css/caroussel.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.jscrollpane.css"
	media="all" />
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1'
	rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Coustard:900'
	rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Rochester'
	rel='stylesheet' type='text/css' />
</head>
<body>
	<div class="grid">
		<header></header>
		<div class="center">
			<!-- Carroussel -->
			<div id="ca-container" class="ca-container">
				<div class="ca-wrapper">
					<div class="ca-item ca-item-1">
						<div class="ca-item-main">
							<div class="ca-icon"></div>
							<h3>Stop factory farming</h3>
							<h4>
								<span class="ca-quote">&ldquo;</span> <span>The greatness
									of a nation and its moral progress can be judged by the way in
									which its animals are treated.</span>
							</h4>
							<a href="#" class="ca-more">more...</a>
						</div>
						<div class="ca-content-wrapper">
							<div class="ca-content">
								<h6>Animals are not commodities</h6>
								<a href="#" class="ca-close">close</a>
								<div class="ca-content-text">
									<p>I am so happy, my dear friend, so absorbed in the
										exquisite sense of mere tranquil existence, that I neglect my
										talents. I should be incapable of drawing a single stroke at
										the present moment; and yet I feel that I never was a greater
										artist than now.</p>
									<p>When, while the lovely valley teems with vapour around
										me, and the meridian sun strikes the upper surface of the
										impenetrable foliage of my trees, and but a few stray gleams
										steal into the inner sanctuary, I throw myself down among the
										tall grass by the trickling stream;</p>
									<p>She packed her seven versalia, put her initial into the
										belt and made herself on the way.</p>
								</div>
								<ul>
									<li><a href="#">Read more</a></li>
									<li><a href="#">Share this</a></li>
									<li><a href="#">Become a member</a></li>
									<li><a href="#">Donate</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="ca-item ca-item-2">
						<div class="ca-item-main">
							<div class="ca-icon"></div>
							<h3>Respect Life &amp; Rights</h3>
							<h4>
								<span class="ca-quote">&ldquo;</span> <span>I hold that
									the more helpless a creature, the more entitled it is to
									protection by man from the cruelty of man.</span>
							</h4>
							<a href="#" class="ca-more">more...</a>
						</div>
						<div class="ca-content-wrapper">
							<div class="ca-content">
								<h6>Would you eat your dog?</h6>
								<a href="#" class="ca-close">close</a>
								<div class="ca-content-text">
									<p>I am so happy, my dear friend, so absorbed in the
										exquisite sense of mere tranquil existence, that I neglect my
										talents. I should be incapable of drawing a single stroke at
										the present moment; and yet I feel that I never was a greater
										artist than now.</p>
									<p>When, while the lovely valley teems with vapour around
										me, and the meridian sun strikes the upper surface of the
										impenetrable foliage of my trees, and but a few stray gleams
										steal into the inner sanctuary, I throw myself down among the
										tall grass by the trickling stream;</p>
									<p>She packed her seven versalia, put her initial into the
										belt and made herself on the way.</p>
								</div>
								<ul>
									<li><a href="#">Read more</a></li>
									<li><a href="#">Share this</a></li>
									<li><a href="#">Become a member</a></li>
									<li><a href="#">Donate</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="ca-item ca-item-3">
						<div class="ca-item-main">
							<div class="ca-icon"></div>
							<h3>Become 100% meat-free</h3>
							<h4>
								<span class="ca-quote">&ldquo;</span> <span>I feel that
									spiritual progress does demand at some stage that we should
									cease to kill our fellow creatures for the satisfaction of our
									bodily wants.</span>
							</h4>
							<a href="#" class="ca-more">more...</a>
						</div>
						<div class="ca-content-wrapper">
							<div class="ca-content">
								<h6>You can change the world</h6>
								<a href="#" class="ca-close">close</a>
								<div class="ca-content-text">
									<p>I am so happy, my dear friend, so absorbed in the
										exquisite sense of mere tranquil existence, that I neglect my
										talents. I should be incapable of drawing a single stroke at
										the present moment; and yet I feel that I never was a greater
										artist than now.</p>
									<p>When, while the lovely valley teems with vapour around
										me, and the meridian sun strikes the upper surface of the
										impenetrable foliage of my trees, and but a few stray gleams
										steal into the inner sanctuary, I throw myself down among the
										tall grass by the trickling stream;</p>
									<p>She packed her seven versalia, put her initial into the
										belt and made herself on the way.</p>
								</div>
								<ul>
									<li><a href="#">Read more</a></li>
									<li><a href="#">Share this</a></li>
									<li><a href="#">Become a member</a></li>
									<li><a href="#">Donate</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="ca-item ca-item-4">
						<div class="ca-item-main">
							<div class="ca-icon"></div>
							<h3>Make a difference</h3>
							<h4>
								<span class="ca-quote">&ldquo;</span> <span>A man is but
									the product of his thoughts what he thinks, he becomes.</span>
							</h4>
							<a href="#" class="ca-more">more...</a>
						</div>
						<div class="ca-content-wrapper">
							<div class="ca-content">
								<h6>Think globally, act locally</h6>
								<a href="#" class="ca-close">close</a>
								<div class="ca-content-text">
									<p>I am so happy, my dear friend, so absorbed in the
										exquisite sense of mere tranquil existence, that I neglect my
										talents. I should be incapable of drawing a single stroke at
										the present moment; and yet I feel that I never was a greater
										artist than now.</p>
									<p>When, while the lovely valley teems with vapour around
										me, and the meridian sun strikes the upper surface of the
										impenetrable foliage of my trees, and but a few stray gleams
										steal into the inner sanctuary, I throw myself down among the
										tall grass by the trickling stream;</p>
									<p>She packed her seven versalia, put her initial into the
										belt and made herself on the way.</p>
								</div>
								<ul>
									<li><a href="#">Read more</a></li>
									<li><a href="#">Share this</a></li>
									<li><a href="#">Become a member</a></li>
									<li><a href="#">Donate</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="ca-item ca-item-5">
						<div class="ca-item-main">
							<div class="ca-icon"></div>
							<h3>Say no to killing</h3>
							<h4>
								<span class="ca-quote">&ldquo;</span> <span>A weak man is
									just by accident. A strong but non-violent man is unjust by
									accident.</span>
							</h4>
							<a href="#" class="ca-more">more...</a>
						</div>
						<div class="ca-content-wrapper">
							<div class="ca-content">
								<h6>Animals have rights, too!</h6>
								<a href="#" class="ca-close">close</a>
								<div class="ca-content-text">
									<p>I am so happy, my dear friend, so absorbed in the
										exquisite sense of mere tranquil existence, that I neglect my
										talents. I should be incapable of drawing a single stroke at
										the present moment; and yet I feel that I never was a greater
										artist than now.</p>
									<p>When, while the lovely valley teems with vapour around
										me, and the meridian sun strikes the upper surface of the
										impenetrable foliage of my trees, and but a few stray gleams
										steal into the inner sanctuary, I throw myself down among the
										tall grass by the trickling stream;</p>
									<p>She packed her seven versalia, put her initial into the
										belt and made herself on the way.</p>
								</div>
								<ul>
									<li><a href="#">Read more</a></li>
									<li><a href="#">Share this</a></li>
									<li><a href="#">Become a member</a></li>
									<li><a href="#">Donate</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="ca-item ca-item-6">
						<div class="ca-item-main">
							<div class="ca-icon"></div>
							<h3>Don't believe the lies</h3>
							<h4>
								<span class="ca-quote">&ldquo;</span> <span>An error does
									not become truth by reason of multiplied propagation, nor does
									truth become error because nobody sees it.</span>
							</h4>
							<a href="#" class="ca-more">more...</a>
						</div>
						<div class="ca-content-wrapper">
							<div class="ca-content">
								<h6>How essential is meat?</h6>
								<a href="#" class="ca-close">close</a>
								<div class="ca-content-text">
									<p>I am so happy, my dear friend, so absorbed in the
										exquisite sense of mere tranquil existence, that I neglect my
										talents. I should be incapable of drawing a single stroke at
										the present moment; and yet I feel that I never was a greater
										artist than now.</p>
									<p>When, while the lovely valley teems with vapour around
										me, and the meridian sun strikes the upper surface of the
										impenetrable foliage of my trees, and but a few stray gleams
										steal into the inner sanctuary, I throw myself down among the
										tall grass by the trickling stream;</p>
									<p>She packed her seven versalia, put her initial into the
										belt and made herself on the way.</p>
								</div>
								<ul>
									<li><a href="#">Read more</a></li>
									<li><a href="#">Share this</a></li>
									<li><a href="#">Become a member</a></li>
									<li><a href="#">Donate</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="ca-item ca-item-7">
						<div class="ca-item-main">
							<div class="ca-icon"></div>
							<h3>Save the planet</h3>
							<h4>
								<span class="ca-quote">&ldquo;</span> <span>A small body
									of determined spirits fired by an unquenchable faith in their
									mission can alter the course of history.</span>
							</h4>
							<a href="#" class="ca-more">more...</a>
						</div>
						<div class="ca-content-wrapper">
							<div class="ca-content">
								<h6>Collateral damage?</h6>
								<a href="#" class="ca-close">close</a>
								<div class="ca-content-text">
									<p>I am so happy, my dear friend, so absorbed in the
										exquisite sense of mere tranquil existence, that I neglect my
										talents. I should be incapable of drawing a single stroke at
										the present moment; and yet I feel that I never was a greater
										artist than now.</p>
									<p>When, while the lovely valley teems with vapour around
										me, and the meridian sun strikes the upper surface of the
										impenetrable foliage of my trees, and but a few stray gleams
										steal into the inner sanctuary, I throw myself down among the
										tall grass by the trickling stream;</p>
									<p>She packed her seven versalia, put her initial into the
										belt and made herself on the way.</p>
								</div>
								<ul>
									<li><a href="#">Read more</a></li>
									<li><a href="#">Share this</a></li>
									<li><a href="#">Become a member</a></li>
									<li><a href="#">Donate</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="ca-item ca-item-8">
						<div class="ca-item-main">
							<div class="ca-icon"></div>
							<h3>It's time to move on</h3>
							<h4>
								<span class="ca-quote">&ldquo;</span> <span>A nation's
									culture resides in the hearts and in the soul of its people.</span>
							</h4>
							<a href="#" class="ca-more">more...</a>
						</div>
						<div class="ca-content-wrapper">
							<div class="ca-content">
								<h6>Let's finally become humans</h6>
								<a href="#" class="ca-close">close</a>
								<div class="ca-content-text">
									<p>I am so happy, my dear friend, so absorbed in the
										exquisite sense of mere tranquil existence, that I neglect my
										talents. I should be incapable of drawing a single stroke at
										the present moment; and yet I feel that I never was a greater
										artist than now.</p>
									<p>When, while the lovely valley teems with vapour around
										me, and the meridian sun strikes the upper surface of the
										impenetrable foliage of my trees, and but a few stray gleams
										steal into the inner sanctuary, I throw myself down among the
										tall grass by the trickling stream;</p>
									<p>She packed her seven versalia, put her initial into the
										belt and made herself on the way.</p>
								</div>
								<ul>
									<li><a href="#">Read more</a></li>
									<li><a href="#">Share this</a></li>
									<li><a href="#">Become a member</a></li>
									<li><a href="#">Donate</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--  fin carroussel -->
		</div>
		<footer>
			<nav>
				<ul>
					<li><a href="./artist.html">The artist</a></li>
					<li><a class="visited" href="./index.html">Portfolio</a></li>
					<li><a href="./contact.html">Contact</a></li>
				</ul>
			</nav>
			<div class="menu"></div>
		</footer>
	</div>
	<!-- Scrips -->
	<script type="text/javascript" src="js/modernizr-2.6.2.min.js"></script>
	<!-- 	<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script> -->
	<script type="text/javascript"
		src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

	<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
	<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
	<script type="text/javascript">
		$('#ca-container').contentcarousel();
	</script>
</body>
</html>
